<template name="skeletonCard">
    <view class="sk-container tabbar_padding_b" @touchmove.stop.prevent="() => {}">
        <view class="skeleton_loading"></view>
        <view class="group_item" v-for="i in 6" :key="`c${i}`">
            <view class="group_item_l"></view>
            <view class="group_item_r">
                <view class="group_item_r_1"> </view>
                <view class="group_item_r_3"></view>
                <view class="group_item_r_4">
                    <view class="group_item_r_4_l"></view>
                    <view class="group_item_r_4_r"></view>
                </view>
            </view>
        </view>
    </view>
</template>

<script setup></script>

<style lang="scss" scoped>
.group_item {
    display: flex;
    padding: 29rpx;
    padding-left: 64rpx;
    .group_item_l {
        width: 199rpx;
        height: 199rpx;
        border-radius: 7rpx;
        margin-right: 18rpx;
        background-color: #eeeeee;
    }
    .group_item_r {
        flex: 1;
        .group_item_r_1 {
            width: 100%;
            height: 50rpx;
            margin-bottom: 11rpx;
            background-color: #eeeeee;
        }
        .group_item_r_2 {
            width: 70%;
            height: 25rpx;
            margin-bottom: 11rpx;
            background-color: #eeeeee;
        }
        .group_item_r_3 {
            width: 161rpx;
            height: 43rpx;
            margin-bottom: 18rpx;
            background-color: #eeeeee;
            border-radius: 7rpx;
        }
        .group_item_r_4 {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            .group_item_r_4_l {
                width: 91rpx;
                height: 29rpx;
                background: #eeeeee;
            }
            .group_item_r_4_r {
                width: 192rpx;
                height: 54rpx;
                background: #ffffff;
                border-radius: 7rpx;
                background: #eeeeee;
            }
        }
    }
}
.sk-container {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
}
</style>
